<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>东北林业大学软件工程</title>
    <style>
        .d {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .d1 {
            width: 100%;
            min-height: 100vh;
        }

        .all {
            margin-top: 5rem;
            display: flex;
            flex-direction: column;
            font-size: 1.2rem;
            justify-content: space-around;
            padding: 0 5rem;
            min-width: 820px;
        }

        .all .title {
            border-bottom: 2px solid #999AB1;
        }

        .all .title a {
            color: black;
            vertical-align: middle;
            cursor: pointer;
            font-size: 1.5rem;
        }

        .all .title a:hover {
            color: #009933;
        }

        .time {
            color: #999AB1;
        }

        .all li {
            cursor: pointer;
            margin-top: 1rem;
            list-style: none;
            padding: 2px;
        }


        .all li:hover {
            box-shadow: 3px 35px 77px -17px rgb(0 0 0 / 80%);
            transform: scale(1.2);
            z-index: 100;
            background-color: #fff;
            color: #009933;
        }

        .all a {
            text-decoration: none;
            color: black;
        }

        .all p {
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .all h1 {
            padding: 5px;
            color: white;
            background-color: #3F3D56;
        }

        .all .news, .notice {
            padding: 5px;
            background-color: white;
            border: 2px solid #fff;
            box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
            border-radius: 4px;
        }

        .all .notice {
            margin-top: 3rem
        }

        .all .more {
            float: right;
            cursor: pointer;
            padding: 0 10px;
        }

        .all .more:hover {
            transform: translateX(5px)
        }

        /*d2*/
        .d2 {
            /*background-color: deepskyblue;*/
            width: 100%;
            min-height: 100vh;
        }

        .content {
            padding: 0 5rem;
        }


        .content .title {
            border-left: 10px solid #3F3D56;
            font-size: 3rem;
            color: #4F4F4F;
        }

        .content p {
            line-height: 2em;
            font-family: Poppins;
            font-size: 2rem;
            color: #494949;
        }

        /*d3*/
        .d3 {
            /*background-color: #009933;*/
            width: 100%;
            min-height: 100vh;
        }

        .d4 {
            /*background-color: deepskyblue;*/
            width: 100%;
            min-height: 100vh;
        }

        .d5 {
            /*background-color: #009933;*/
            width: 100%;
            min-height: 100vh;
        }

        /*footer*/
        .footer {
            color: white;
            display: flex;
            justify-content: center;
            padding: 3rem;
            background-color: #3F3D56;
        }
        
    /* 移动端响应 */
        @media screen and (max-width: 1200px) {
            .d{
                display: flex;
                flex-direction: column;
                min-height: 0;
                margin-top: 10rem;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
<div class="header">
    <%@include file="WEB-INF/views/header.jsp" %>
</div>
<div class="main">
    <div class="d1 d" id="d1">
        <div class="wow animate__animated animate__slideInLeft" data-wow-delay="0.1s">
            <img src="image/news.png" alt="" width="800rem">
        </div>
        <div class="all" data-wow-delay="0.1s">
            <div class="news wow animate__animated animate__slideInDown">
                <h1>新闻<i class="fa fa-newspaper-o"></i><i class="more fa fa-angle-double-right" title="更多"></i></h1>
                <ul id="new">
                </ul>
            </div>
            <div class="notice wow animate__animated animate__slideInUp">
                <h1>公告<i class="fa fa-bell-o"></i><i class="more fa fa-angle-double-right" title="更多"></i></h1>
                <ul id="notice">
                </ul>
            </div>
        </div>
    </div>
    <div class="d2 d" id="d2">
        <div class="wow animate__animated animate__slideInLeft" data-wow-delay="0.1s">
            <img src="image/CodeThinking.png" alt="" width="800">
        </div>
        <div class="content wow animate__animated animate__slideInRight" data-wow-delay="0.1s">
            <h1 class="title">专业介绍</h1>
            <p>
                软件工程专业以IT业需求为导向，培养具有良好综合素质和职业道德，
                掌握扎实的基础理论和专业知识，具有软件分析、设计、开发、测试与管理能力，
                具备较强工程实践能力、技术创新能力和团队精神，能快速适应软件工程新技术发展
                并具有国际视野和国际竞争力的高级软件工程师。专业实施灵活的“211”人才培养模式
                （其中,2年基础教育,1年面向企业的专业教育,1年企业顶岗实习），在教学上着力推动基于问题、
                基于项目和基于案例的学习，对于实践性强的课程，采取校企联合“双师制”培养，同时以大学生创新
                实践活动、科技大赛为补充，突出工程化培养。
            </p>
            <p>
                专业目前已经建立了华为、亿阳安全、东软、华信、北京思特奇、博彦集智、
                江苏乐建、华宇（大连）、青软、微洋科技等实习基地。
            </p>
        </div>
    </div>
    <div class="d3 d" id="d3">
        <div class="content">
            <div class="wow animate__animated animate__slideInLeft" data-wow-delay="0.1s">
                <h1 class="title">实验室</h1>
                <p>
                    软件工程专业综合实验室，服务于专业的课程实验和创新创业项目，
                    培养学生获得软件项目管理和开发经验，完成系统开发的实习、实训。
                    软件工程专业综合实验室下设软件工程实验室（系统开发实训基地）、嵌入式技术实验室、
                    移动开发实验室和IOS开发实验室。主要完成基于行业标准和技术的Rational统一过程和测试、
                    软件体系结构、面向对象技术与UML、软件需求与分析、软件测试和质量保证、移动开发和
                    IOS开发等课程的实验。同时，依托国家级大型软件企业，建立了校企合作的实习、实训基地。
                    结合企业项目、师资、环境等对学生进行有针对性的工程能力训练，
                    使学生具备综合运用所学知识解决复杂工程问题的能力。<a href="laboratory.jsp">查看更多</i><i class="more fa fa-angle-double-right" title="更多"></i></a>
                </p>
            </div>
        </div>
        <img src="image/laboratory.png" alt="code" width="800" class="wow animate__animated animate__slideInRight"
             data-wow-delay="0.1s">
    </div>
    <div class="d4 d" id="d4">
        <img src="image/teacher.png" alt="" width="750rem" class="wow animate__animated animate__slideInLeft"
             data-wow-delay="0.1s">
        <div class="content wow animate__animated animate__slideInRight" data-wow-delay="0.1s">
            <h1 class="title">教师队伍</h1>
            <p>
                教师队伍采用专兼结合的用人机制，现有专职教师12人，
                其中高级职称7人，讲师5人，博士8人，硕士4人，其中6人具有国外留学或访学经历，
                此外,专业还从国内外知名软件企业、高校聘请兼职教师承担部分教学工作作为补充。
                专业教师主持或参加了多项国家、省、部、市及学校的纵向、横向科研和教研项目。
                获得省优秀教育科研成果奖一等奖、省优秀高等教育科学研究成果二等奖、省科技进步二等奖、
                三等奖、省高等学校优秀多媒体教学软件三等奖、市科技进步一等奖、省高等教育学会十一五规
                划课题三等奖等奖项。取得发明专利和实用新型专利10余项，软件著作权10余项。专业教师累计
                主编和参编出版教材13部，发表论文70余篇，其中EI及ISTP检索论文40余篇。<a href="getTeacher?method=getTeacherList">查看更多</i><i class="more fa fa-angle-double-right" title="更多"></i></a>
            </p>
        </div>
    </div>
    <div class="d5 d" id="d5">
        <div class="content wow animate__animated animate__slideInLeft" data-wow-delay="0.1s">
            <h1 class="title">就业指南</h1>
            <p>
                软件工程专业学生毕业后可以从事各级各类企事业单位的办公自动化处理、计算机安装与维护、网页制作、计算机网络和专业服务器的维护管理和开发工作、动态商务网站开发与管理、软件测试与开发及计算机相关设备的商品贸易等方面的有关工作。
                除考取国内外名牌大学研究生外，主要毕业去向是计算机软件专业公司﹑信息咨询公司﹑以及金融等其它独资、合资企业。软件工程专业学生主要就业去向包括软件外包与服务企业、信息产品与服务企业，担任程序员、软件测试员、项目经理等工作岗位。
            </p>
        </div>
        <img src="image/work.png" alt="" width="700rem" class="wow animate__animated animate__slideInRight"
             data-wow-delay="0.1s">
    </div>
</div>
<div class="footer">
    <h1>东北林业大学软件工程官网</h1>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.js"></script>
<script>
    $(function () {
        var width = window.screen.width;
        if(width<1500){
            alert("移动端适配不太好！请访问pc端！")
        }
        var wow = new WOW();
        wow.init();
        $.get(
            "index",
            function(res) {
                for(var i=0; i<res.length; i++){
                    if(res[i].type === "new"){
                        $("#new").append("<li title='点击查看详细'>"+"<a href=getSingleNew?id="+res[i].id+"><p>"+res[i].title+"</p>"+"<p class='time'>"+res[i].date+"</p></a></li>")
                    }else{
                        $("#notice").append("<li title='点击查看详细'>"+"<a href=getSingleNew?id="+res[i].id+"><p>"+res[i].title+"</p>"+"<p class='time'>"+res[i].date+"</p></a></li>")
                    }
                }
            },
            "json"
        );
    })
</script>
</html>
